<template>
  <div id="handOverPrint" :class="['left',{'mainBig': $store.state.isCollapse ,'mainSmall': !$store.state.isCollapse }]">
    <div class="backTo" @click="back">
      <img src="../../../static/images/back.png" alt="返回" />
    </div>
    <iframe :src="src" width="100%" height="100%"></iframe>
  </div>
</template>
<script>

export default {
    data() {
      return {
        src: this.$route.query.http,
      }
    },
    methods: {
      back() {
        this.$router.go(-1); 
      }
    }
}
</script>
<style scoped>
  #handOverPrint{
    position:relative;
  }
  #handOverPrint .backTo {
    position: absolute;
    top: 17px;
    right:100px;
    text-align:right;
  }
    #handOverPrint .backTo img {
      width: 42px;
    }
</style>
